.kdbd-index-table {
	height: 100%;
	width: 100%;
	background-color: white;
	padding: 20px 20px 16px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;


	.kc-table__expand-icon>.kc-icon{
		color:white;
	}

	//.row-expand-cover .el-table__expand-icon {
	//	visibility: hidden;
	//}
	.kdbd-header {
		display: flex;
		margin-bottom: 20px;
		.kdbd-searchBar {
			display: flex;
			align-items: center;
			width: 100%;
			.kc-form {
				width: 100%;
			}
			.kdbd-searchInput {
				position: relative;
				width: 240px;
				margin-right: 16px;
				.kc-input__inner {
					height: 32px;
					padding-right: 60px;
				}
				.kc-input__suffix {
					right: 35px;
				}
				&.noInset {
					.kc-input__inner {
						padding-right: 30px;
					}
					.kc-input__suffix {
						right: 5px;
					}
				}
				.searchButton {
					position: absolute;
					top: 7px;
					right: 11px;
					font-size: 0.8rem;
				
				}
			}
			.prevBtn {
				margin-right: 16px;
				display: flex;
				.num {
					white-space: nowrap;
					margin-right: 16px;
					line-height: 32px;
				}
				.kc-input {
					width: 240px;
				}
				.kc-select {
					width: 240px;
				}
				.kc-select + .kc-select {
					margin-left: 16px;
				}
			}
			.kc-radio-group {
				display: flex;
				align-items: center;
				margin-right: 16px;
				.kc-radio {
					display: flex;
				}
			}
			.kc-select {
				width: 200px;
				margin-right: 16px;
			}
		}
	}
	//.kc-form-item.is-success .kc-input__inner, .kc-form-item.is-success .kc-input__inner:focus, .kc-form-item.is-success .kc-textarea__inner, .kc-form-item.is-success .kc-textarea__inner:focus {
	//	border-color: green !important;
	//}
	.kdbd-table {
		// margin: 17px 0 12px 0;
		display: flex;
		flex: 1;
		min-height: 0;
		overflow: hidden;
		.kc-table__header thead th{
			background: #fafafa;
			.cell{
				color: #666666;
				font-weight: 600;
			}
		}
		.kc-table {
			overflow-y: hidden;
			//overflow: auto;
			th .cell {
				display: inherit!important;
				width: 500px;
				div {
					padding: 0;
				}
			}
			td .cell {
				display: block;
			}
			.operation-btn {
				font-size: 14px;
				//color: $--kdbd-button-is-plain-color;
				color: #4999FF!important;
				line-height: 19px;
				cursor: pointer;
				position: relative;
				white-space: nowrap;
			}
		
			.operation-btn + .operation-btn {
				padding-left: 17px;
				&:before {
					//background-color: $--kdbd-index-table-operation-btn-before;
		
					width: 1PX;
					height: 12px;
					content: '';
					position: absolute;
					left: 8px;
					top: calc(50% - 6px);
				}
			}
			.last-operation-btn {
				padding-left: 17px;
				&:before {
					//background-color: $--kdbd-index-table-operation-btn-before;
		
					width: 1PX;
					height: 12px;
					content: '';
					position: absolute;
					left: 8px;
					top: calc(50% - 6px);
				}
			}
		}
		// i {
		//   &:hover {
		//     background-color: white;
		//   }
		// }
		& + .kdbd-pagination {
			margin-top: 12px;
		}
	
	}
	.kdbd-pagination {
		width: 100%;
		overflow: auto;
		display: flex;
		justify-content: flex-end;
		margin-top: 38px;
	}
	i {
		cursor: pointer;
		&:hover {
			color: white;
		}
	}
	.noData {
		margin-top: 180px;
		display: block;
		.no-data-img {
			margin-bottom: 5px;
		}
		.no-data-text {
			color: #666666;
			font-size: 1rem;
		}
	}
	.kdbd-table .kc-table{
		th .cell div {
			display: inline;
		}
		.kc-table__header-wrapper {
			display: block !important;
		}
	}
	

}

.kdbd-details-table-auto-height {
	height: auto;
	display: block;
	.kdbd-table {
		height: auto;
		display: block;
	}
}

.kc-popover {
	.online-num-div {
		padding: 8px 18px;
		max-height: 350px;
		overflow: auto;
		.online-num-tip1 {
			font-size: 16px;
			font-weight: bold;
			line-height: 20px;
			margin-bottom: 15px;
		}
		.online-num-tip2 {
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 10px;
		}
	}
}
.row-expand-cover .kc-table__expand-icon{visibility:hidden;}



.addNewDataClean {
	.dataCleanNewButton {
		display: flex;
		align-items: center;
		justify-content: center;
	}

}

//通过
.kdbd-index-table-state-green {
	color: red;
}
